.adm-search-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  --background: #f5f5f5;
  --border-radius: 12px;
  --placeholder-color: var(--adm-color-weak);
  ---placeholder-color: var(--placeholder-color);
}

.adm-search-bar .adm-search-bar-input-box {
  flex: auto;
  background: var(--background);
  border-radius: var(--border-radius);
  border: solid 2px transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon {
  flex: none;
  color: var(---placeholder-color);
  padding-left: 16px;
  font-size: 32px;
}

.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input {
  flex: auto;
  padding: 8px 16px 8px 8px;
  height: 56px;
  box-sizing: border-box;
}

.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input-wrapper {
  --placeholder-color: var(---placeholder-color);
}

.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input {
  font-size: 26px;
  line-height: 38px;
}

.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon {
  padding-left: 16px;
}

.adm-search-bar .adm-search-bar-suffix {
  flex: none;
  margin-left: 32px;
}

.adm-search-bar-active .adm-search-bar-input-box {
  border-color: var(--adm-color-primary);
}